import { StyleSheet } from 'react-native';
import { t } from 'react-native-tailwindcss';

export default StyleSheet.create({
  fullScreen: {
    ...t.wFull,
    ...t.minHFull,
    ...t.bgWhite,
    ...t.flex,
    ...t.itemsCenter,
  },

  form: {
    ...t.w9_12,
    ...t.flex1,
  },
  formTitle: {
    ...t.text5xl,
    ...t.fontBold,
    ...t.textGray700,
    ...t.pT20,
    ...t.pB20,
  },

  formLabel: {
    ...t.flex,
    ...t.flexRow,
    ...t.itemsCenter,
    ...t.mB12,
    ...t.borderB,
    ...t.borderGray300,
    ...t.pY6,
    ...t.justifyBetween,
  },
  formCheckbox: {
    ...t.fontBold,
    ...t.text3xl,
    ...t.textGray700,
  },
  formCheckboxInner: {
    ...t.p0,
    ...t.m0,
  },
  formButton: {
    ...t.wFull,
    ...t.pY6,
    ...t.mY20,
    ...t.bgThemeBlue,
    ...t.roundedLg,
    ...t.overflowHidden,
    ...t.mTAuto,
  },
  formButtonText: {
    ...t.textWhite,
    ...t.textCenter,
    ...t.text3xl,
    ...t.fontBold,
  },
});
